<template>
	<div class="carry" :style="{height: carryHeight + 'px'}">
        <div class="ruleBtn"></div>
        <div class="ruleCont">
        	幸运赢大奖游戏共有7个场次，每个场次所消耗的数额和红包奖励数额均不同，每个场次里分为16个红包，拆开后点击查看红包可看到自己翻开的红包奖励数额及其它红包的数额。
        </div>
		<bottom-nav></bottom-nav>
	</div>
</template>

<script>
	import bottomNav from './bottomNav'
	export default {
		name: 'carry',
		data () {
			return {
                carryHeight: 0
			}
		},
		components: {bottomNav},
		mounted () {
			
		},
		created() {
            this.init();
		},
		methods: {
			init () {
				this.carryHeight = (document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10);			
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.carry{padding-top: 19rem;background: url(../assets/img/bg3Top.png) top center no-repeat, url(../assets/img/bg1Bottom.jpg) bottom center no-repeat;background-size: 100% auto;width: 100%;box-sizing: border-box;}
.ruleBtn{margin: 0 auto;width: 15.1rem;height: 3.8rem;background: url(../assets/img/rulesTit.png) center no-repeat;background-size: auto 3.8rem;}
.ruleCont{padding: 2.8rem 1rem;margin: 1rem auto 0;width: 28rem;height: 29.8rem;background: #f2e7d4;border-radius: 10px;font-size: 1.3rem;color: #ed281b;line-height: 2.5;border: 2px solid #b8a791;box-sizing: border-box;}
</style>
